<script setup>
defineProps({
    title:{
        required:true,
        type:String
    }
})


</script>

<template>
   <el-card style="max-width: 100%" class="cards">
     <template #header>
       <div class="card-header">
         <span>{{title}}</span>
       </div>
       <div class="extra">
       <sloat name="extra"></sloat>
       </div>
     </template>
     <!-- 主题内容 -->
   <slot></slot>
     <template #footer>Footer content</template>
   </el-card>
 </template>

<style scoped>
*{
   margin: 0;
   padding: 0;
}
.cards{
   height:100%;
   overflow: hidden;
}
</style>
